
$(function(){
	//购物
	$("#gou").click(function(){
		$(".shopping").toggle();
	});
	
	//banner轮播
        var OB=$('.photo li');
        var OT=$('.tab li');
        var i=0;
              
   		autoplay();
        function autoplay() {
            OT.eq(i).find('p').animate({width:'100%'},3000,function(){
                OT.find('p').css('width','0');
                    i++;
                    if(i>2){
                      i=0;
                    }
                });
                OB.eq(i).fadeIn(500).siblings().fadeOut(500);  
        }
     	var    timer=setInterval(function(){autoplay()},4000);
    
      //轮播左点击
        $('.prev').click(function(){
        	clearInterval(timer);
        	$(".tab li p").remove("p");     	
        	 if(i == 0){
      			i = 3;//注意此时i的值
    		}
    		i--;
    		show();
        });
        
        //轮播右点击
        $('.next').click(function(){
        	clearInterval(timer);
        	$(".tab li p").remove();     	
        	 if(i ==2){
      			i =-1;//注意此时i的值
    		}
    		i++;
    		show();
        });
       function show() { //普通切换
			$('.photo li').eq(i).css("display","block").siblings('.photo li').css("display","none");
		} 

	       //当鼠标点击下面的进度条时
	$(".tab li").click(function(){
		var r=$(this).index();
	    $(this).css("background","gray").siblings().css("background","rgba(128,128,128,0.2)");
	    clearInterval(timer);
		$(".photo li").eq(r).show().siblings().hide();
	});
	
	
	//mac页面点击切换1
	$(".store ul li").click(function(){
		var h=$(this).index();
		$(this).addClass("cai").siblings().removeClass("cai");
		$(".switch .container").eq(h).fadeIn().siblings().fadeOut();
	});
	
	//mac页面点击切换2
	$(".final li").click(function(){
		var h=$(this).index();
		$(this).addClass("cai").siblings().removeClass("cai");
		$(".album .row").eq(h).show().siblings().hide();
	});
	 
 })        



